.index {
    min-height: 100vh;

    .index_content {
        width     : 1280px;
        position: relative;
        box-shadow: 0 2px 7px rgba(0, 0, 0, .15);
        // border-radius: 4px;
        overflow: hidden;
        .index_content_left {
            background: #333;
            padding   :35px 25px;
            box-sizing: border-box;
            width: 140px;
            height:800px;
            max-height: 800px;
            .avatar {
                margin-bottom: 22px;

                div {
                    width        : 90px;
                    height       : 90px;
                    background   : #ddd;
                    // border-radius: 8px;
                }
            }
            .tabs_item {
                margin    : 32px;
                font-size : 40px;
                text-align: center;
                width: 52px;
                height: 52px;
                div{
                    height: 100%;
                    background-size: 100% 100%;
                }
                .news_icon{
                    background: url('../../assets/images/index/icon_chat1@2x.png');
                    background-size: 100% 100%;
                }
                .address_book_icon{
                    background: url('../../assets/images/index/icon_list1@2x.png');
                    background-size: 100% 100%;

                }
                .center_icon{
                    background: url('../../assets/images/index/icon_mine1@2x.png');
                    background-size: 100% 100%;
                }
                .news_icon_active{
                    background: url('../../assets/images/index/icon_chat2@2x.png');
                    background-size: 100% 100%;
                }
                .address_book_icon_active{
                    background: url('../../assets/images/index/icon_list2@2x.png');
                    background-size: 100% 100%;

                }
                .center_icon_active{
                    background: url('../../assets/images/index/icon_mine2@2x.png');
                    background-size: 100% 100%;
                }
                // .default {
                //     color: #666666;
                // }

                // .active {
                //     color: #0099FF;
                // }
            }
        }

        .right_content {
            width: 100%;
        }
    }
}